{% load static %}
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Главная | Python.ru{% endblock %}</title>
    <link rel="stylesheet" type="text/css" href="{% static 'main_page/css/bootstrap.min.css' %}">
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="{% static 'main_page/css/style.css' %}">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    {% block head-extra %}{% endblock %}
  </head>
  <body>
  {% if banners %}
    <div class="head-banner">
      <a href="#" target="_blank"><img src="/media/{{ banners.banner_top_desktop }}" class="hidden-xs hidden-sm hidden-md"></a>
      <a href="#" target="_blank"><img src="/media/{{ banners.banner_top_desktop }}" class="hidden-xs hidden-sm hidden-lg"></a>
      <a href="#" target="_blank"><img src="/media/{{ banners.banner_top_tablet }}" class="hidden-xs hidden-lg hidden-md"></a>
      <a href="#" target="_blank"><img src="/media/{{ banners.banner_top_mobile }}" class="hidden-lg hidden-sm hidden-md"></a>
    </div>
  {% endif %}
    <!-- navbar start -->
    <div class="container">
      <div class="row navbar">
          <div class="container-fluid">
            <div class="navbar-header">
              <a href="#" class="navbar-brand">
                <img src="{% static 'main_page/images/logo.png' %}">
              </a>
              <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
            </div>
            <div class="navbar-collapse collapse">
              <ul class="nav navbar-nav navbar-right">
                <li><a href="#">Новости</a></li>
                <li><a href="#">События</a></li>
                <li><a href="#">Записи</a></li>
                <li><a href="#">Блог</a></li>
                <li><a href="#">Вакансии</a></li>
              </ul>
            </div>
          </div>
          <!-- <hr class="hr-divider"> -->
      </div>
      {% block header %}{% endblock %}
      {% block landing %}{% endblock %}
{% if is_paginated %}
<div class="col-md-12 text-center paginator">
  <ul class="pagination">
    {% if cards.has_previous %}
      <li><a href="?page={{ cards.previous_page_number }}">&laquo;</a></li>
    {% else %}
      <li class="disabled"><span>&laquo;</span></li>
    {% endif %}
    {% for page in paginator.page_range %}
      {% if page_obj.number == page %}
        <li class="active"><span>{{ page }} <span class="sr-only">(current)</span></span></li>
      {% else %}
        <li><a href="?page={{ page }}">{{ page }}</a></li>
      {% endif %}
    {% endfor %}
    {% if cards.has_next %}
      <li><a href="?page={{ cards.next_page_number }}">&raquo;</a></li>
    {% else %}
      <li class="disabled"><span>&raquo;</span></li>
    {% endif %}
  </ul>
</div>
{% endif %}
      <div class="row">
        <div class="col-md-12 text-center more">
          <button class="more-button">Показать ещё</button>
        </div>
      </div>
      <footer class="row">
        <div class="col-md-12">
          <hr class="hr-divider">
          <div class="col-md-4 col-sm-4 text-left email hidden-xs">
            <p><a href="mailto:team@python.ru"><span class="fa fa-envelope" aria-hidden="true"></span>team@python.ru</a></p>
          </div>
          <div class="col-md-4 col-sm-4 text-center hidden-xs">
            <a href="#"><span class="fa fa-facebook" aria-hidden="true"></span></a>
            <a href="#"><span class="fa fa-twitter" aria-hidden="true"></span></a>
            <a href="#"><span class="fa fa-slack" aria-hidden="true"></span></a>
          </div>
          <div class="col-md-4 col-sm-4 text-right hidden-xs text-nowrap">
            <p>Сделали студенты <a href="https://devman.org">Девмана</a></p>
          </div>
          <div class="hidden-sm hidden-lg text-center">
            <p><span class="fa fa-envelope fa-2x" aria-hidden="true"></span>team@python.ru</p>
            <span class="fa fa-facebook fa-2x" aria-hidden="true"></span>
            <span class="fa fa-twitter fa-2x" aria-hidden="true"></span>
            <span class="fa fa-slack fa-2x" aria-hidden="true"></span>
            <p>Сделали студенты <a href="https://devman.org">Девмана</a></p>
          </div>
        </div>
      </footer>
    </div>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="{% static 'main_page/js/index.js' %}"></script>
  </body>
</html>